import React,{Component} from 'react';
import {Text,View,FlatList} from 'react-native';
import ToDoItem from './todoitem'

export default class ToDoList extends Component{
  constructor(){
    super();
    this.state = {list:[]}
  }
  showListItem=(info)=>{
    return <ToDoItem></ToDoItem>
  }
  
  //更新 提醒1
  componentWillReceiveProps(){
    //接受
    var nowList = this.props.myList;
    //保存在状态中
    this.setState({list:nowList})
  }

  //提醒2 :添加extraData避免出现数据修改视图没有更新的情况
  render(){
    return <FlatList 
      extraData={this.state}
      data={this.state.list}
      renderItem={this.showListItem}>
    </FlatList>
  }
}